<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
     
    
    
    
    
    
    
        <script src="${pageContext.request.contextPath}/resources/dhtmlxSuite/dhtmlxAccordion/codebase/dhtmlxcommon.js"></script>
        <script src="${pageContext.request.contextPath}/resources/dhtmlxSuite/dhtmlxAccordion/codebase/dhtmlxaccordion.js"></script>
        <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/resources/dhtmlxSuite/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_skyblue.css">


        <script src="${pageContext.request.contextPath}/resources/dhtmlxSuite/dhtmlxAccordion/codebase/dhtmlxcontainer.js"></script>

    
    
    

    </head>
    <body>
     
 
  <div id="accordObj" style="position: relative; width: 320px; height: 400px;"></div>

        <script>
            var dhxAccord;
        
                dhxAccord = new dhtmlXAccordion("accordObj");
                //dhxAccord.setSkin("dhx_black");
                dhxAccord.addItem("a1", "Main Page");
                dhxAccord.addItem("a2", "Site Navigation");
                dhxAccord.addItem("a3", "Support & Feedback");
                dhxAccord.addItem("a4", "Comments");
                // dhxAccord.openItem("a1");
                // dhxAccord._enableOpenEffect = true;
            
        </script>
    </body>
</html>
